<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Markmap</title>
<style>
* {
  margin: 0;
  padding: 0;
}
#mindmap {
  display: block;
  width: 100vw;
  height: 100vh;
}
</style>

</head>
<body>
<svg id="mindmap"></svg>
<script src="https://cdn.jsdelivr.net/npm/d3@5"></script><script src="https://cdn.jsdelivr.net/npm/markmap-lib@0.7.7/dist/browser/view.min.js"></script><script>(mathJax => {
      mathJax.options = Object.assign({
        skipHtmlTags: {
          '[-]': ['code', 'pre']
        }
      }, mathJax.options);
      mathJax.startup = Object.assign({
        typeset: false
      }, mathJax.startup);
      window.MathJax = mathJax;
    })({})</script><script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script><script>((data, ...processors) => {
        const {
          Markmap
        } = window.markmap;
        Markmap.processors = processors;
        Markmap.create('svg#mindmap', null, data);
      })({"t":"heading","d":1,"v":"界面结构","c":[{"t":"heading","d":2,"v":"首页","c":[{"t":"bullet_list","d":3,"v":"","c":[{"t":"list_item","d":4,"v":"用户可以滑动选择星座"},{"t":"list_item","d":4,"v":"星座看似处于大转盘中"}]},{"t":"heading","d":3,"v":"用户头像","c":[{"t":"list_item","d":4,"v":"和占卜页面一致"}]},{"t":"heading","d":3,"v":"提示语","c":[{"t":"list_item","d":4,"v":"请选择星座"}]},{"t":"heading","d":3,"v":"显示框","c":[{"t":"list_item","d":4,"v":"框内展示星座图标"},{"t":"list_item","d":4,"v":"图标可以滑动","c":[{"t":"list_item","d":5,"v":"拖动效果"},{"t":"list_item","d":5,"v":"效果为转盘转动效果"}]},{"t":"list_item","d":4,"v":"当前星座位置(做成迭代器)","c":[{"t":"list_item","d":5,"v":"左滑后","c":[{"t":"list_item","d":6,"v":"下一个星座成为当前星座"},{"t":"list_item","d":6,"v":"同时当前星座变成下一个星座"}]},{"t":"list_item","d":5,"v":"右滑后","c":[{"t":"list_item","d":6,"v":"上一个星座成为当前星座"},{"t":"list_item","d":6,"v":"同时当前星座变成上一个星座"}]}]}]}]},{"t":"heading","d":2,"v":"详情页","c":[{"t":"bullet_list","d":3,"v":"","c":[{"t":"paragraph","d":4,"v":"根据所选星座切换背景图案"}]},{"t":"heading","d":3,"v":"星星","c":[{"t":"list_item","d":4,"v":"主星独立组件","c":[{"t":"list_item","d":5,"v":"中心坐标"},{"t":"list_item","d":5,"v":"能够发光闪耀"},{"t":"list_item","d":5,"v":"可以桥接运势组件"},{"t":"list_item","d":5,"v":"(拥有同一个中心坐标可尝试适配模式)"}]}]},{"t":"heading","d":3,"v":"运势","c":[{"t":"list_item","d":4,"v":"对运势进行评级展示的组件","c":[{"t":"list_item","d":5,"v":"运势名","c":[{"t":"list_item","d":6,"v":"横向或竖向显示"}]},{"t":"list_item","d":5,"v":"中心坐标"},{"t":"list_item","d":5,"v":"条状格子","c":[{"t":"list_item","d":6,"v":"方向"},{"t":"list_item","d":6,"v":"4个朝向变化"}]},{"t":"list_item","d":5,"v":"满分9分"}]}]}]}]},function transform(nodes, mm) {
  var _MathJax$typeset, _MathJax;

  (_MathJax$typeset = (_MathJax = window.MathJax).typeset) == null ? void 0 : _MathJax$typeset.call(_MathJax, nodes);
})</script>
</body>
</html>
